<template>
  姚永杰
  <el-table
      ref="singleTableRef"
      :data="tableData"
      highlight-current-row
      style="width: 70%"
      @current-change="handleCurrentChange"
    >
      <el-table-column type="index" width="50" />
      <el-table-column property="name" label="姓名" width="120" />
  	<el-table-column property="address" label="部门" width="120" />
  	<el-table-column property="name" label="岗位" width="120" />
  	<el-table-column property="date" label="工号" width="120" />
  	<el-table-column property="name" label="请假类型" width="120" />
  	<el-table-column property="name" label="请假原因" width="120" />
  	<el-table-column property="date" label="请假时间" width="120" />
      <el-table-column property="address" label="" />
    </el-table>
    <div style="margin-top: 20px">
      <el-button >批准</el-button>
      <el-button >驳回</el-button>
    </div>
  
</template>
<script>

const tableData = [
  {
	  name:'段三炮',
    date: '2016-05-03',
    name: 'Tom',
    address: 'No. 189, Grove St, Los Angeles',
  },
  {
	  name:'段三炮',
    date: '2016-05-02',
    name: 'Tom',
    address: 'No. 189, Grove St, Los Angeles',
  },
  {
	  name:'段三炮',
    date: '2016-05-04',
    name: 'Tom',
    address: 'No. 189, Grove St, Los Angeles',
  },
  {
	  name:'段三炮',
    date: '2016-05-01',
    name: 'Tom',
    address: 'No. 189, Grove St, Los Angeles',
  }
]
</script>